<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>新闻资讯</title>
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/style.css" />
    <link rel="stylesheet" href="../../css/homepage.css">
</head>

<body>
    <div class="news-page-container">
        <div class="navbar ">
            <div class="nav-item active " onclick="randomSwitchBtn( this );">关注</div>
            <div class="nav-item " onclick="randomSwitchBtn( this );">推荐</div>
            <div class="nav-item " onclick="randomSwitchBtn( this );">热议</div>
            <div class="nav-item " onclick="randomSwitchBtn( this );">更多</div>
        </div>

        <!-- 新闻资讯 -->
        <div class="news">
            <div class="news-group-section">
                <div class="news-section">
                    <div class="new-item">
                        <div class="new_hd">
                            <div class="new_hd_title">
                                细纹把概念股IE更嫩肤内外个呢过你飞哥
                            </div>
                            <div class="new_hd_time">
                                2019-09-30
                            </div>
                        </div>
                    </div>

                    <div class="new-item">
                        <div class="new_hd">
                            <div class="new_hd_title">
                                细纹把概念股IE更嫩肤内外个呢过你飞哥nfgnewngonf 南风任务是那我让女嗯呢哇v
                            </div>
                            <div class="new_hd_time">
                                2019-09-30
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>

    </div>

</body>

</html>
<script src="../../script/third/flexied.js"></script>

<script type="text/javascript" src="../../script/third/vconsole.js"></script>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/js/page_common.js"></script>
<script>
    // 随意切换按钮
    function randomSwitchBtn(tag) {
        if (tag == $api.dom('.navbar .nav-item.active')) return;
        var eFootLis = $api.domAll('.navbar .nav-item'),
            index = 0;
        for (var i = 0, len = eFootLis.length; i < len; i++) {
            if (tag == eFootLis[i]) {
                index = i;
            } else {
                $api.removeCls(eFootLis[i], 'active');
            }
        }
        $api.addCls(eFootLis[index], 'active');
    }
</script>